.header {
	background-color: rgb(246, 246, 246);
}

.header-wrap {
	width: 1200px;
	height: 80px;
	margin: 0 auto;
	position: relative;
}

.header-logo {
	width: 150px;
	height: 38px;
	line-height: 38px;
	font-size: 20px;
	background-image: url(../img/logo.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-indent: 50px;
	/*text-indent 属性能定义一个块元素首行文本内容之前的缩进量。*/
}

.header-nav {
	position: absolute;
	height: 40px;
	top: 50%;
	right: 0;
	line-height: 40px;
	margin-top: -20px;
	font-size: 0;
}
.header__nav-tip {
	width: 30px;
	height: 2px;
	background-color: #FF0000;
	position: absolute;
	left:0;
	top:35px;
	margin-left: 40px;
}
.header-nav-ltem {
	font-size: 16px;
	padding-left: 40px;
	color: #292f35;
	float: left;
}
.header-nav-ltem:hover {
	color: red;
}
.header-nav-ltem_active {
	color: red;
}

.header__nav-item_custom_button {
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	margin-left: 40px;
	padding: 0;
	width: 90px;
	border-radius: 3px;
}

/*第一屏*/
.screen-1 {
	height: 800px;
	background-color: rgb(233, 233, 233);
	background-image: url(../img/bg-screen-1.png);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}

.screen-1-heading {
	text-align: center;
	margin-top: 152px;
}

.pink {
	color: red;
}

.screen-1__phone {
	width: 1375px;
	height: 305px;
	background-image: url(../img/screen-1-phone.png);
	position: absolute;
	bottom: 180px;
	left: 50%;
	z-index: 2;
	margin-left:-687px ;
}

.screen-1__shadow {
	width: 1233px;
	height: 411px;
	background-image: url(../img/screen-1-shadow.png);
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left:-616px;
	z-index: 1;
}

.screen-2 {
	height: 800px;
	position: relative;
	overflow: hidden;
	background-color: #FAFAFA;
}

.screen-2__heading {
	text-align: center;
	margin-top: 80px;
	font-size: 46px;
}

.screen-2__subheading {
	text-align: center;
	width: 600px;
	margin: 0 auto;
	font-size: 16px;

}

.screen-2__phone {
	width: 928px;
	height: 873px;
	background-image: url(../img/screen-2-phone.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -464px;
	margin-top: -132px;
}

.screen-2__point_left {
	width: 108px;
	height: 22px;
	background-image: url(../img/icon-point-right.png);
	padding-right: 112px;
	background-repeat: no-repeat;
	position: absolute;
	background-position: center right;
	font-size: 22px;
	line-height: 22px;
}

.screen-2__point_right {
	width: 108px;
	height: 22px;
	background-image: url(../img/icon-point-left.png);
	padding-left: 112px;
	background-repeat: no-repeat;
	position: absolute;
	background-position: center left;
	font-size: 22px;
	line-height: 22px;
}

.screen-2__point_i_1 {
	left: -150px;
	top: 170px;
}

.screen-2__point_i_2 {
	right: 131px;
	top: 30px;
}

.screen-2__point_i_3 {
	right: 8px;
	top: 330px;
}

/*screen-3*/
.screen-3 {
	background-color: #AF0F0F;
}

.screen-3_wrap {
	width: 1200px;
	height: 800px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.screen-3__title {
	color: #FFFFFF;
	font-size: 46px;
	font-weight: 400;
	margin-top: 100px;
}

.screen-3__detail {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 16px;
	lighting-color: 40px;
}

.screen-3__phone {
	width: 729px;
	height: 900px;
	background-image: url(../img/screen-3-phone.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 10px;
}

.screen-3__cube {
	width: 320px;
	height: 280px;
	position: absolute;
	bottom: 150px;
}

.screen-3-cube__item {
	float: left;
	width: 138px;
	height: 112px;
	margin: 0 20px 20px 0;
	border: 1px solid palevioletred;
	color: #FFFFFF;
	text-align: center;
}

.screen-3__features__item__number {
	line-height: 36px;
	font-size: 36px;
	padding: 28px 0 8px 0;
}

/*screen-4*/
.screen-4 {
	background-color: #FFFFFF;
}

.screen-4_wrap {
	height: 800px;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.screen-4__heading {
	font-size: 46px;
	margin-top: 120px;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 400;
	color: #AF0F0F;
}

.screen-4__subheading {
	text-align: center;
	margin-bottom: 100px;
	font-size: 18px;
	font-weight: 400;
}

.screen-4__type {
	width: 1200px;
	height: 270px;
}

.screen-4__type_item {
	float: left;
	width: 240px;
	height: 270px;
	margin-right: 52px;
	position: relative;
}

.screen-4__type_item_left {
	margin-left: 30px;
}

.screen-4__type__item_i_1 {
	background-image: url(../img/phone-1.png);
	background-position: no-repeat;
}

.screen-4__type__item_i_2 {
	background-image: url(../img/phone-2.png);
	background-position: no-repeat;
}

.screen-4__type__item_i_3 {
	background-image: url(../img/phone-3.png);
	background-position: no-repeat;
}

.screen-4__type__item_i_4 {
	background-image: url(../img/phone-4.png);
	background-position: no-repeat;
}

.screen-4__type_item_storage {
	position: absolute;
	bottom: -34px;
	width: 100%;
	text-align: center;
}

.screen-4__type_item_color {
	position: absolute;
	bottom: -60px;
	width: 100%;
	text-align: center;
}


/*screen-5*/
.screen-5 {
	background-color: #D9DDE1;
}

.screen-5_wrap {
	height: 800px;
	position: relative;
	overflow: hidden;
}

.screen-5__heading {
	font-size: 46px;
	margin-top: 120px;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 400;
	color: mediumvioletred;
}

.screen-5__subheading {
	text-align: center;
	margin-bottom: 100px;
	font-size: 18px;
	font-weight: 400;
}

.screen-5__bg {
	height: 433px;
	width: 100%;
	background-image: url(../img/bg-screen-5.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -100px;
	background-position: center;
}
.screen-buy {
	padding: 180px 0;
	text-align: center;
	background-image: url(../img/bg-screen-buy.png);
	background-position: center;
	background-size: cover;
}
.buy_liji {
	padding: 20px 50px;
	background-color: red;
	color: #FFFFFF;
	border-radius: 5px;
}
.footer {
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: #07111B;
	color: #FFFFFF;
}
.outline {
	position: fixed;
	bottom: 120px;
	padding: 5px 10px;
	right: 20px;
	background-color: #FAFAFA;
}
.outline-item {
	display: block;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	transition: all 1s;
}
.outline-item-select {
	color: #C71585;
	font-size: 20px;
	font-weight: 600;
}